import { onMounted, onUnmounted, reactive } from "vue";

export default function(){
    // 实现获取鼠标坐标
    let point = reactive({
        x:0,
        y:0
    })
    // 实现获取鼠标坐标的方法
    function savePonit(event){
        point.x = event.pageX
        point.y = event.pageY
    }

    // 调用相关的生命周期函数控制方法生效的时机
    onMounted(()=>{
        window.addEventListener('click',savePonit)
    })
    onUnmounted(()=>{
        window.removeEventListener('click',savePonit)
    })
    // 返回需要传递的对象
    return point
}